<template>
    <div>
        <h1>熊大</h1>
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg: "蜂蜜罐",
        };
    },
    mounted() {
        console.log(this);
        // $on("事件名"，回调函数)  绑定事件
        // console.log(this.$on);
        // 触发事件 $emit("要触发的事件名称",传递的参数)
        // console.log(this.$emit);
        // this.$eventBus.$emit("fengmiguan", this.msg);
    },
    methods: {
        give() {
            this.$eventBus.$emit("fengmiguan", this.msg);
        },
        giveChild() {
            this.$eventBus.$emit("dabogei", this.msg);
        },
    },
};

/* 
$eventBus $on $emit传值
1.在Vue的原型对象上，创建一个公共的对象（new Vue()）,$eventBus
2.通过$on绑定事件 接收传递过来的参数
3.通过$emit触发事件 传递参数
*/

</script>

<style lang="scss" scoped>

</style>